
.publishBox {
    width: 100%;
    height: 100vh;
    position: relative;
}

.pai {
    width: 8rem;
    height: 8rem;
    background: white;
    border-radius: 5rem;
    border: none;
    margin-left: .5rem;
    margin-top: .5rem;
    color: white;
}

.bai {
    background-color: white;
    border-radius: 5rem;
    color: black !important;
}

.shi {
    width: 8rem;
    height: 8rem;
    background: red;
    border-radius: 5rem;
    border: none;
    margin-left: .5rem;
    margin-top: .5rem;

}

.pai:active {
    width: 7rem;
    height: 7rem;
    margin-top: 1rem;
    margin-left: 1rem;
}

.pai-div {
    width: 9rem;
    height: 9rem;
    border-radius: 10rem;
    border: 1rem solid white;
    position: absolute;
    bottom: 5rem;
    left: 15rem;

}

.paishi1 {
    width: 15rem;
    height: 4rem;
    text-align: center;
    position: absolute;
    bottom: 22rem;
    left: 6rem;
    font-size: 3rem;
    color: white;
}

.paishi2 {
    width: 15rem;
    height: 4rem;
    text-align: center;
    position: absolute;
    bottom: 22rem;
    left: 22rem;
    font-size: 3rem;
    border-radius: 5rem;
    color: white;
}

.hui1 {
    width: 13rem;
    height: 13rem;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 7rem;
    overflow: hidden;
    position: absolute;
    bottom: 5rem;
    left: 14rem
}

.hui2 {
    width: 10rem;
    height: 10rem;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5rem;
    border: none;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
}

.smallShi {
    width: 5rem;
    height: 5rem;
    background-color: red;
    border: none;
    border-radius: 1rem;
    margin-top: 2.4rem;
    margin-left: 2.4rem;
}